<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC >
<html>
<head>
<title>My JSP 'index.jsp' starting page</title>
<script type="text/javascript" src="script/jquery.js"></script>
<link href="style/bootstrap.css" rel="stylesheet">
<script type="text/javascript" src="script/bootstrap-modal.js"></script>

<style type="text/css">
body {
	background-image: url("img/4.jpg");
}

.container {
	margin-left: 40%;
	margin-top: 60px;
}
</style>

</head>

<body>
	<div class="container">
		数据的抓取 <a id="captureStart" class="btn" href="captureData.jspx?task=captureStart">start</a> 
		<br/>
		<a href = "stopCapture.jspx?task=stopCapture">stop</a>
		<br/>
		<img alt=""  ></img><hr/> 
		<input type="button" value="测试"
			class="btn btn-success" />
	</div>
</body>

<script type="text/javascript">
	$(function(){
		$("#captureStart").click(function(){
			$("img").attr("src","img/startCapture.gif");
			$("img").attr("width","80px;");
			$("img").attr("height","80px;");
			$("body").trigger("background","#000");
		});
		
		$(".btn-success").click(function(){
			$("img").attr("src","img/startCapture.gif");
			$("img").attr("width","80px;");
			$("img").attr("height","80px;");
			$("body").trigger("background","#000");
		});
	});
	
</script>
</html>
